﻿$(function () {
    $("input[id^='DATE']").datetimepicker();

    // Charge une page lors du clic sur un li
    /*$(".tuile li").click(function () {
    var page = $(this).find("a").attr("href");
    var html = getHtml("#page");
    putHtml(html, "#prev span");
    changePage(page);
    });*/

    $(".langue").on("click", ".lang", function (e) {
        e.preventDefault();
        var page = $(this).attr("href");
        var html = getHtml("#page");
        putHtml(html, "#prev span");
        changePage(page);
        changeLogText();
    });

    $("#page").on("click", ".tuile li", function () {
        var page = $(this).find("a").attr("href");
        var html = getHtml("#page");
        putHtml(html, "#prev span");
        changePage(page);
    });

    $("#prev").click(function () {
        var newHtml = getHtml("#prev span");
        if (newHtml != "") {
            var oldHtml = getHtml("#page");
            putHtml(oldHtml, "#next span");
            putHtml(newHtml, "#page");
        }
    });

    $("#next").click(function () {
        var newHtml = getHtml("#next span");
        if (newHtml != "") {
            var oldHtml = getHtml("#page");
            putHtml(oldHtml, "#prev span");
            putHtml(newHtml, "#page");
        }
    });

    // Modifie la hauteur d'un élément
    function changeHeight(base, element) {
        var height = $(base).css("height");
        $(element).css("height", height);
    };

    // Récupère une URL pour requete ajax et afficher le contenu 
    function changePage(page) {
        $.get(page, function (data) {
            var content = $(data).find("#page");
            $("#page").empty();
            $("#page").append(content.html()).effect("slide", "slow").fadeIn();
            changeHeight("#right", "#next");
            changeHeight("#right", "#prev");
            changeCssLi();
            linksLang(page);
        });
    };

    // Modifie le CSS des LI possédant un lien
    function changeCssLi() {
        $(".tuile li").each(function (index, domEle) {
            var page = $(this).find("a").attr("href");
            if (page != null) {
                $(domEle).css("cursor", "pointer");
            }
        });
    };

    // Récupère un selector et renvoi son HTML
    function getHtml(selector) {
        var html = $(selector).html();
        return html;
    };

    // Récupère du HTML et l'insere dans un selector
    function putHtml(content, id) {
        $(id).empty();
        $(id).append(content);
    };

    //Modifie les liens des langues
    function linksLang(page) {
        $(".lang").first().attr("href", page.substr(0, page.length - 2) + "fr");
        $(".lang").last().attr("href", page.substr(0, page.length - 2) + "en");
    };

    //Modifie le texte pour le lien de connexion et déconnexion
    function changeLogText() {
        var text = $("a#log").html();
        if (text == "Connexion") {
            $("a#log").html("Log");
        } else if (text == "Log") {
            $("a#log").html("Connexion");
        } else if (text == "Déconnexion") {
            $("a#log").html("Log off");
        } else {
            $("a#log").html("Déconnexion");
        }
    }




    //code js des tuiles

    //tuile facebook
    $("#facebook").click(function () {
        window.open("http://www.facebook.com/ingesup");
    });
    //tuile twitter
    $("#twitter").click(function () {
        window.open("https://twitter.com/#!/ingesup");
    });

    //tuile hotmail
    $("#hotmail").click(function () {
        window.open("http://outlook.com");
    });


});